.product {
    background-color: #f7f7f7;
    .page {
      padding: 25rpx 30rpx 0;
      .content {
        overflow: auto;
        flex-basis: 100px;
        flex-shrink: 0;
        .show-count {
          border: 1rpx solid #ccc;
          padding: 13rpx 22rpx 13rpx;
          padding-right: 100rpx;
          border: 1px solid #cacaca;
          border-radius: 6px;
        }
        .classify {
          ::v-deep .u-form-item__body {
            padding: 0 !important;
          }
          .top {
            padding: 30rpx 25rpx;
            border-radius: 12rpx;
            background-color: #fff;
            font-size: 30rpx;
            margin-bottom: 25rpx;
            .left {
              color: #181818;
              margin-right: 40rpx;
            }
            .right {
              color: #181818;
              ::v-deep .u-form-item {
                flex: 1;
                .u-form-item__body__right {
                  border: 1rpx #cacaca solid;
                  height: 54rpx;
                  border-radius: 6rpx;
                  padding: 0 20rpx;
                }
              }
              .placeholder,
              .iconfont {
                color: #181818;
                opacity: 0.5;
              }
            }
          }
          .msg {
            background-color: #fff;
            border-radius: 12rpx;
            padding: 40rpx 25rpx 30rpx;
            color: #181818;
            > .title {
              font-size: 32rpx;
              font-weight: bold;
              margin-bottom: 50rpx;
            }
            > view > .title {
              font-size: 30rpx;
            }
            .imgs {
              .tip {
                font-size: 26rpx;
                color: #181818;
                opacity: 0.8;
                margin-bottom: 35rpx;
              }
            }
            .spec {
              > view {
                font-size: 30rpx;
                color: #181818;
                margin-bottom: 45rpx;
              }
              .spec-right {
                ::v-deep .u-form-item {
                  flex: 1;
                  input {
                    text-align: right !important;
                    font-size: 30rpx !important;
                  }
                  .u-form-item__body__right__message {
                    text-align: right;
                  }
                }
              }
            }
            .hint {
              font-size: 26rpx;
              font-family: PingFang SC;
              font-weight: 500;
              color: #131313;
              line-height: 36rpx;
              opacity: 0.7;
            }
          }
        }
      }
      .show-count ::v-deep .u-input {
        height: auto !important;
      }
      .bottom {
        padding: 30rpx 70rpx 35rpx;
        .btns {
          > view {
            width: calc(50% - 45rpx);
            border: solid 1rpx var(--theme);
            height: 90rpx;
            border-radius: 15rpx;
          }
          :first-child {
            color: var(--theme);
          }
          :last-child {
            background-color: var(--theme);
            color: #fff;
          }
        }
      }
    }
  }
